Sizes
Colors and Uses
(none)
-
success
green, success, complete, done, finished
-
caution
yellow, warning, caution, incomplete
-
danger
red, danger, warning, alert, stop, not started
-
grey
grey, normal, active
-
inactive
greyed out, inactive, not available
-
noBackground
(can be used in addition to any color)
-
bold
(can be used in addition to any color)
-
white
(white on dark background)
-
darkBack
(adds white border for dark backgrounds)
Examples
| Example Code |
Result |
<img class="svg" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size24 grey" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size64 success bold" src="/images/icons/clipCheck.svg"/> |
|
Multiple Versions Icons
 bed.svgbedtime, sleep, safety rails, side rails, room and board  bed2.svgbedtime, sleep, safety rails, side rails, room and board  bed3.svgbedtime, sleep, safety rails, side rails, room and board  bodyFall.svgfalls, falling, trip, break, slip  bodyFallBlack.svgfalls, falling, trip, break, slip  bodyOld.svgold, geriatric, stoop, cane, bent, elderly, senior  bodyOldBlack.svgold, geriatric, stoop, cane, bent, elderly, senior  bodyPoint.svgpoints, pointing, show, demonstrate, teach, guide  bodyPointBlack.svgpoints, pointing, show, demonstrate, teach, guide  bodyRun.svgruns, running, exercise, movement, active, healthy  bodyRunBlack.svgruns, running, exercise, movement, active, healthy  bodySearchBlack.svgobserved, observation, checkup, assessment, search  bodySit.svgsits, sitting, rest, wait  bodySitBlack.svgsits, sitting, rest, wait  bodyStand.svgstands, standing, person, human, man, woman  bodyStandBlack.svgstands, standing, person, human, man, woman  bodyWalk.svgwalks, walking, active, movement, healthy, ADL, activity  bodyWalkBlack.svgwalks, walking, active, movement, healthy, ADL, activity  bodyWheelchair.svgwheelchair, assistance, mobility, transfer  bodyWheelchairBlack.svgwheelchair, assistance, mobility, transfer  bottle.svgbottle, wine glass, drink, alcohol, drunk  calendar.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendar2.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarBlank.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarExclamation.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  certification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  certification2.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  chartBar.svgbar chart, graph, reports, statistics, data  chartPie.svgpie chart, graph, reports, statistics, data  chartStats.svgline chart, graph, reports, statistics, data, lead  chartStatsCheck.svgcompleted lead, marketing  chartStatsExclamation.svglead error, marketing  chartStatsInfo.svglead info, marketing  chartStatsMinus.svglost lead, marketing  chartStatsMoney.svglead report, marketing, payment, pay, paid  chartStatsPause.svgon hold lead, marketing  chartStatsPlus.svgnew lead, marketing  chartStatsSync.svgreview lead, marketing  chartStatsX.svglost lead, marketing  circleBan.svgbanned, remove, delete, no, none, gone, ignore  circleBan2.svgbanned, remove, delete, no, none, gone, ignore  circleBodyFall.svgfalls, falling, trip, break, slip  circleBodyFallBlack.svgfalls, falling, trip, break, slip  circleBodyOld.svgold, geriatric, stoop, cane, bent, elderly, senior  circleBodyOldBlack.svgold, geriatric, stoop, cane, bent, elderly, senior  circleBodyPoint.svgpoints, pointing, show, demonstrate, teach, guide  circleBodyPointBlack.svgpoints, pointing, show, demonstrate, teach, guide  circleBodyRun.svgruns, running, exercise, movement, active, healthy  circleBodyRunBlack.svgruns, running, exercise, movement, active, healthy  circleBodySearch.svgobserved, observation, checkup, assessment, search  circleBodySearchBlack.svgobserved, observation, checkup, assessment, search  circleBodySit.svgsits, sitting, rest, wait  circleBodySitBlack.svgsits, sitting, rest, wait  circleBodyStand.svgstands, standing, person, human, man, woman  circleBodyStandBlack.svgstands, standing, person, human, man, woman  circleBodyWalk.svgwalks, walking, active, movement, healthy, ADL, activity  circleBodyWalkBlack.svgwalks, walking, active, movement, healthy, ADL, activity  circleBodyWheelchair.svgwheelchair, assistance, mobility, transfer  circleBodyWheelchairBlack.svgwheelchair, assistance, mobility, transfer  circleBottle.svgbottle, wine glass, drink, alcohol, drunk  circleBottleBlack.svgbottle, wine glass, drink, alcohol, drunk  circleCheck.svgchecked, yes, approved, done, complete, finished  circleCheckBlack.svgchecked, yes, approved, done, complete, finished  circleDose.svgdose, dosage, medication, capsule, amount  circleDoseBlack.svgdose, dosage, medication, capsule, amount  circleDuplicateMed.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed2.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed2Black.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed3.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed3Black.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMedBlack.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleExclamation.svgexclamation, warning, alert, danger, priority, important  circleExclamBlack.svgexclamation, warning, alert, danger, priority, important  circleFaces.svgmood, behaviors, actions, feelings, assessment  circleFacesBlack.svgmood, behaviors, actions, feelings, assessment  circleGlass.svgbottle, wine glass, drink, alcohol, drunk  circleGlassBlack.svgbottle, wine glass, drink, alcohol, drunk  circleHead.svghead, man, woman, coin, person, user  circleHeadBlack.svghead, man, woman, coin, person, user  circleHeadBrain.svgthink, thought, idea, process, brain, mental, mind  circleHeadBrainBlack.svgthink, thought, idea, process, brain, mental, mind  circleHeadGear.svgthink, thought, idea, process, gear, mental, mind  circleHeadGearBlack.svgthink, thought, idea, process, gear, mental, mind  circleHeadIdea.svgthink, thought, light bulb, idea  circleHeadIdeaBlack.svgthink, thought, light bulb, idea  circleInfo.svginformation, help, find, faq  circleInfoBlack.svginformation, help, find, faq  circleMinus.svgdelete, remove, lost, gone, subtract, minus  circleMinusBlack.svgdelete, remove, lost, gone, subtract, minus  circlePause.svgon hold, pause, delay, wait, slow down  circlePauseBlack.svgon hold, pause, delay, wait, slow down  circlePills.svgprescription, medications, pills, drugs, Rx, meds  circlePillsBlack.svgprescription, medications, pills, drugs, Rx, meds  circlePlus.svgadd, new, found, in, add, plus, addition  circlePlusBlack.svgadd, new, found, in, add, plus, addition  circleQuestion.svgquestion mark, hint, answer, help, support, find  circleQuestionBlack.svgquestion mark, hint, answer, help, support, find  circleRx.svgmeds, medications, prescription, pills, drugs, pharmacy, MAR  circleRxBlack.svgmeds, medications, prescription, pills, drugs, pharmacy, MAR  circleShare2.svgshare, communicate, exchange, social, link  circleShare2Black.svgshare, communicate, exchange, social, link  circleShare3.svgshare, communicate, exchange, social, link  circleShare3Black.svgshare, communicate, exchange, social, link  circleStetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  circleStethoBlack.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  circleUp.svgup, point, top, above, go  circleUpBlack.svgup, point, top, above, go  circleUpRight.svgup, point, top, above, go, navigate, upgrade  circleUpRightBlack.svgup, point, top, above, go, navigate, upgrade  circleUtensils.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition  circleUtensilsBlack.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition  circleX.svgunchecked, no, quit, remove, delete, close  circleXBlack.svgunchecked, no, quit, remove, delete, close  clipBlank.svgopen, new, create, document, diagnosis clipCheck.svgtask, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckCheck.svgcompleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckExclamation.svgtask error, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckInfo.svgtask info, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMinus.svgdeleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMoney.svgtask report, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPause.svgon hold task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPlus.svgnew task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckSync.svgreview task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckX.svgremoved task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipEkg.svgEKG, chart, charting, vitals, vital signs  clipPlus.svgnew, add, create  clipResCheck.svgcompleted resident, information, chart, charting, profile, student, client  clipResExclamation.svgresident error, information, chart, charting, profile, student, client  clipResident.svgresident, information, chart, charting, profile, student, client  clipResInfo.svgresident info, information, chart, charting, profile, student, client  clipResMinus.svgdeleted resident, discharged, information, chart, charting, profile, student, client  clipResMoney.svgresident report, information, chart, charting, profile, student, client  clipResPause.svgon hold resident, loa, information, chart, charting, profile, student, client  clipResPlus.svgnew resident, information, chart, charting, profile, student, client  clipResSync.svgreview resident, information, chart, charting, profile, student, client  clipResX.svgremoved resident, information, chart, charting, profile, student, client  cloud.svgcloud, internet, upload, storage, drive  cloudDown.svgcloud, download  cloudUp.svgcloud, upload  data.svgdata, database, records, files  dataDown.svgdownload data, import data  dataMinus.svgsubtract data, remove data  dataPlus.svgadd data, new data  dataUp.svgupload data, export data  diagnosis.svgdiagnose, diagnosis, assessment, dx  docBlank.svgdocument, report, file, paper  docCertification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  docChart.svgdocument, chart, graph, presentation, slide  docCopy.svgdocument, copy, duplicate, new, edit  docHelp.svglife preserver, help, intervention, rescue  docLightning.svgaction, pain, needs, restraint, incident, complaint, document  docNurse.svgnurse, RN, CNA, DON, staff, document, nursing report  docPic.svgdocument, picture, image, photo, presentation, slide  docPills.svgprescription, medications, pills, drugs, document, report  docRight.svgdocument, move, copy, adjust, remove  docRx.svgprescription, medications, pills, drugs, pharmacy, document, report  docShare.svgshare, communicate, exchange, document  docShare2.svgshare, communicate, exchange, social, link  docShare3.svgshare, communicate, exchange, social, link  docSpeech.svgspeak, interview, discussion, talk, complaint, ask, question  docStetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  docStrategy.svgstrategic, approach, plan, goal, objective, achieve  docTable.svgdocument, table, spreadsheet, presentation, slide  docWalker.svgresident, transfer, mobility, exercise, walk, physical function, adl, activity, activities  dose.svgdose, dosage, medication, capsule, amount  envelope.svgmessage, mail, note  envelopeCopy.svgenvelope. copy, mail, email, send, receive, multiple  envelopeOpen.svgenvelope, open, read, email, mail  folder.svgfolder, reports, information, chart, file  folderBlank.svgfolder, reports, information, chart, file, record, client  folderCopy.svgcopy folder, reports, information, chart, file, record, client, duplicate  folderPlus.svgadd folder, new folder  gear.svgadministration, setup, tools, work, motion  gear2.svgadministration, setup, tools, work, motion  gear3.svgadministration, setup, tools, work, motion  help.svglife preserver, help, intervention, rescue  house.svghome, house, admin, headquarters  house2.svghome, house, admin, headquarters  lightning.svgincident, action, pain, needs, restraint, complaint  lightningCheck.svgcompleted incident, action, pain, needs, restraint, complaint  lightningExclamation.svgincident error, action, pain, needs, restraint, complaint  lightningInfo.svgincident info, action, pain, needs, restraint, complaint  lightningMinus.svgdeleted, removed incident, action, pain, needs, restraint, complaint  lightningMoney.svgincident report, action, pain, needs, restraint, complaint  lightningPause.svgincident on hold, action, pain, needs, restraint, complaint  lightningPlus.svgnew, add incident, action, pain, needs, restraint, complaint  lightningSync.svgincident review, action, pain, needs, restraint, complaint  lightningX.svgremoved, missed incident, action, pain, needs, restraint, complaint  lock.svglocked, restricted, security, access  lockClosed.svglocked, restricted, security, no access, permission, hidden  lockOpen.svglocked, restricted, security, access, permission, show, allow  medkit.svgtreatment, medical kit, first aid, doctor's bag, tar  medkitCheck.svgcompleted treatment, medical kit, first aid, doctor's bag, tar  medkitExclamation.svgtreatment error, medical kit, first aid, doctor's bag, tar  medkitInfo.svgtreatment info, medical kit, first aid, doctor's bag, tar  medkitMinus.svgdeleted, removed treatment, medical kit, first aid, doctor's bag, tar  medkitMoney.svgtreatment report, medical kit, first aid, doctor's bag, tar, pay, payment, paid  medkitPause.svgtreatment on hold, medical kit, first aid, doctor's bag, tar  medkitPlus.svgnew, add treatment, medical kit, first aid, doctor's bag, tar  medkitSync.svgreview treatment, medical kit, first aid, doctor's bag, tar  medkitX.svgremoved, missed treatment, medical kit, first aid, doctor's bag, tar  navOrg.svgnavigation, sites, find, organization chart, org admin, units  navUnit.svgnavigation, sites, find, organization chart, org admin, units  navUp.svgnavigate, up, go, find, site  navUpBlack.svgnavigate, up, go, find, site  navUpRight.svgnavigate, up, go, find, site  navUpRightBlack.svgnavigate, up, go, find, site  orgChart.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  orgChart2.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  piechart.svgchart, graph, reports, statistics, data  piechart2.svgchart, graph, reports, statistics, data  reorderFile.svgreorder, document, report, file, paper, move  reorderFiles.svgreorder, report, file, folder, move  reorderFolder.svgreorder folder, reports, information, chart, file, move  reorderFolders.svgreorder folder, reports, information, chart, file, move  report.svgreport, query, form, paperwork  reportMoney.svgline item, billing, report, financial, charges, pay, payment, paid  resident.svgresident, client, patient, student, user  resident2.svgresident, client, patient, student, user  rx.svgmed, medications, prescription, pills, drugs, pharmacy, MAR  rxCheck.svgcompleted med, given, medications, prescription, pills, drugs, pharmacy, MAR  rxExclamation.svgmed error, medications, prescription, pills, drugs, pharmacy, MAR  rxInfo.svgmed info, medications, prescription, pills, drugs, pharmacy, MAR  rxMinus.svgdeleted, removed, dc'd med, medications, prescription, pills, drugs, pharmacy, MAR  rxMoney.svgmed report, medications, prescription, pills, drugs, pharmacy, MAR, payment  rxPause.svgmed on hold, medications, prescription, pills, drugs, pharmacy, MAR  rxPlus.svgnew, add med, medications, prescription, pills, drugs, pharmacy, MAR  rxSync.svgreview med, medications, prescription, pills, drugs, pharmacy, MAR  rxX.svgremoved, missed med, medications, prescription, pills, drugs, pharmacy, MAR  share2.svgshare, communicate, exchange, social, link  share3.svgshare, communicate, exchange, social, link  slideshow.svgslideshow, view, play, order, video, watch  slideshow2.svgslideshow, view, play, order, video, watch  speech.svgspeak, interview, discussion, talk, complaint, ask, question  speechExclamation.svgcompaint, incident, language, talk, yell, exclaim  speechQuestion.svgquestion, answer, interview, talk, ask, find out  squareDown.svgdownload, copy, import  squareLeft.svgprevious, go back, move back, old  squareMinus.svgsubtract, close, delete  squarePlus.svgadd, open, new  squareRight.svgnext, go forward, move forward, new  squareShare.svgshare, communicate, exchange  squareUp.svgupload, move, export  squareUpRight.svgupload, move, export  staff.svgstaff, administrator, manager, user, professional  staff2.svgstaff, administrator, manager, user, professional  strategy.svgstrategic, approach, plan, goal, objective, achieve  sync.svgsynchronize, reorder, double check, redo  syncBlack.svgsynchronize, reorder, double check, redo  table.svgtable, row, column, list  table2.svgtable, row, column, list  teacher1.svgteacher, classroom, students, lecture, instructor, mentor  teacher2.svgteacher, classroom, students, lecture, instructor, mentor  user.svguser, resident, patient, person, individual, client  userCheck.svgcompleted user, resident, patient, person, individual, client  userExclamation.svguser error, resident, patient, person, individual, client  userInfo.svguser info, resident, patient, person, individual, client  userMinus.svgdeleted, removed user, resident, patient, person, individual, client  userMoney.svguser report, resident, patient, person, individual, client, payment, pay, paid  userPause.svguser on hold, resident, patient, person, individual, client  userPlus.svgnew, add user, resident, patient, person, individual, client  userSync.svgreview user, resident, patient, person, individual, client  userX.svgremoved, missed user, resident, patient, person, individual, client  walker.svgadl, activity, resident, transfer, mobility, exercise, walk, physical function, activities  walkerCheck.svgcompleted adl, activity, resident, exercise, physical function, activities  walkerExclamation.svgadl error, activity, resident, exercise, physical function, activities  walkerInfo.svgadl info, activity, resident, exercise, physical function, activities  walkerMinus.svgdeleted, removed adl, activity, resident, exercise, physical function, activities  walkerMoney.svgadl report, activity, resident, exercise, physical function, activities, payment, paid  walkerPause.svgadl on hold, activity, resident, exercise, physical function, activities  walkerPlus.svgnew, add adl, activity, resident, exercise, physical function, activities  walkerSync.svgreview adl, activity, resident, exercise, physical function, activities  walkerX.svgremoved, missed adl, activity, resident, exercise, physical function, activities  warning.svgwarning, alert, danger  warningBlack.svgwarning, alert, danger
|
